﻿<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>

	<title>首页</title>
	<meta charset="UTF-8">
	<!--===============================================================================================-->
	<link rel="stylesheet" type="text/css" th:href="@{css/bootstrap.min.css}">
	<!--===============================================================================================-->
	<link rel="stylesheet" type="text/css" th:href="@{css/font-awesome.min.css}">
	<!--===============================================================================================-->
	<link rel="stylesheet" type="text/css" th:href="@{css/style.css}">
	<!--===============================================================================================-->
	<link rel="stylesheet" type="text/css" th:href="@{css/layers.css}">
	<link rel="stylesheet" type="text/css" th:href="@{css/navigation.css}">
	<link rel="stylesheet" type="text/css" th:href="@{css/settings.css}">
	<!--===============================================================================================-->
	<link rel="stylesheet" type="text/css" th:href="@{css/hamburgers.min.css}">
	<!--===============================================================================================-->
	<link rel="stylesheet" type="text/css" th:href="@{css/slick.css}">
	<!--===============================================================================================-->
	<link rel="stylesheet" type="text/css" th:href="@{css/animate.css}">
	<!--===============================================================================================-->
	<link rel="stylesheet" type="text/css" th:href="@{css/lightbox.min.css}">
	<!--===============================================================================================-->
	<link rel="stylesheet" type="text/css" th:href="@{css/animsition.min.css}">
	<!--===============================================================================================-->
	<link rel="stylesheet" type="text/css" th:href="@{css/util.css}">
	<link rel="stylesheet" type="text/css" th:href="@{css/main.css}">
	<link rel="stylesheet" type="text/css" th:href="@{css/color.css}">
	<!--===============================================================================================-->
</head>
<body class="animsition restyle-index">

<header>
	<!-- Header desktop -->
	<div class="container-menu-desktop">
		<div class="top-bar bg-main">
			<div class="container">
				<div class="content-topbar">
					<div class="left-top-bar">
						<a href="#">查询</a>
						<a href="#">关于</a>
					</div>

					<div class="right-top-bar">
						<span>
							<i class="icon_phone" aria-hidden="true"></i>
							<span>123 4567 8910</span>
						</span>

						<span>
							<i class="icon_pin" aria-hidden="true"></i>
							<span>河北省石家庄市裕华区师大驾校</span>
						</span>

						<span>
							<i class="icon_clock" aria-hidden="true"></i>
							<span>07:00 – 18:00</span>
						</span>
					</div>
				</div>
			</div>
		</div>

		<div class="wrap-menu-desktop">
			<div class="limiter-menu-desktop">

				<!-- Logo desktop -->
				<a th:href="@{index.html}" class="logo">
					<img th:src="@{images/logo.png}" alt="IMG-LOGO">
				</a>

				<!-- Menu desktop -->
				<div class="menu-desktop">
					<ul class="main-menu">
						<li><a th:href="@{index.html}">首页</a></li>
					</ul>
				</div>

				<!-- Social desktop -->
				<div class="social">
					<button type="submit" class="btn btn-primary hidden-xs"><a th:href="@{/index_login}">登陆</a></button>
				</div>

			</div>
		</div>
	</div>


	<!-- Header Mobile -->
	<div class="wrap-header-mobile">
		<!-- Logo moblie -->
		<a th:href="@{index.html}" class="logo-mobile">
			<img th:src="@{images/logo.png}" alt="IMG-LOGO">
		</a>


		<!-- Button show menu -->
		<div class="btn-show-menu-mobile hamburger hamburger--squeeze">
			<span class="hamburger-box">
				<span class="hamburger-inner"></span>
			</span>
		</div>

	</div>


	<!-- Menu Mobile -->
	<div class="menu-mobile">
		<ul class="topbar-mobile">
			<li class="bo1-b p-t-8 p-b-8">
				<div class="left-top-bar p-l-7">
					<a href="#">查询</a>
					<a href="#">关于</a>
				</div>
			</li>

			<li class="right-top-bar bo1-b p-t-8 p-b-8">
					<span>
						<i class="icon_phone" aria-hidden="true"></i>
						<span>123 4567 8910</span>
					</span>
			</li>

			<li class="right-top-bar bo1-b p-t-8 p-b-8">
					<span>
						<i class="icon_pin" aria-hidden="true"></i>
						<span>河北省石家庄市裕华区师大驾校</span>
					</span>
			</li>

			<li class="right-top-bar bo1-b p-t-8 p-b-8">
					<span>
						<i class="icon_clock" aria-hidden="true"></i>
						<span>07:00 – 18:00</span>
					</span>
			</li>
		</ul>

		<ul class="main-menu-m bg-main">
			<li><a th:href="@{index.html}">首页</a></li>
			<li><a th:href="@{/index_login}">登陆</a></li>
		</ul>

	</div>
</header>

<!-- Slide -->
<section class="slider">
	<div class="rev_slider_wrapper fullwidthbanner-container rs1-revo">
		<div id="rev_slider_1" class="rev_slider fullwidthabanner" data-version="5.4.5" style="display:none">
			<ul>
				<!-- Slide 1 -->
				<li data-transition="fade">
					<h2 class="tp-caption tp-resizeme txt1 txt-center p-l-15 p-r-15"
						data-frames='[{"delay":500,"speed":1500,"frame":"0","from":"x:left;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]'
						data-x="center"
						data-y="center"
						data-width="['1200','992','768','480']"
						data-hoffset="['0','0','0','0']"
						data-voffset="['-85','-85','-85','-160']"
						data-fontsize="['50', '50', '50', '50']"
						data-lineheight="['60', '60', '60', '60']"
						data-height="['auto']"
						data-color="#0000C0"
					>师大驾校</h2>

					<p class="tp-caption tp-resizeme txt2 txt-center p-l-15 p-r-15"
					   data-frames='[{"delay":1500,"speed":1500,"frame":"0","from":"x:right;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]'
					   data-x="center"
					   data-y="center"
					   data-width="['780','780','780','480']"
					   data-hoffset="['0','0','0','0']"
					   data-voffset="['-10','-10','-10','-50']"
					   data-fontsize="['18', '18', '18', '16']"
					   data-lineheight="['30', '30', '30', '30']"
					   data-height="['auto']"
					   data-color="#7C1212"
					>谨慎驾驶千趟少，大意行车一回多。
					</p>
				</li>

				<!-- Slide 2 -->
				<li data-transition="fade">
					<h2 class="tp-caption tp-resizeme txt1 txt-center p-l-15 p-r-15"
						data-frames='[{"delay":500,"speed":1500,"frame":"0","from":"y:top;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]'
						data-x="center"
						data-y="center"
						data-width="['1200','992','768','480']"
						data-hoffset="['0','0','0','0']"
						data-voffset="['-85','-85','-85','-160']"
						data-fontsize="['50', '50', '50', '50']"
						data-lineheight="['60', '60', '60', '60']"
						data-height="['auto']"
						data-color="#0000C0"
					>师大驾校</h2>

					<p class="tp-caption tp-resizeme txt2 txt-center p-l-15 p-r-15"
					   data-frames='[{"delay":1500,"speed":1500,"frame":"0","from":"y:bottom;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]'
					   data-x="center"
					   data-y="center"
					   data-width="['780','780','780','480']"
					   data-hoffset="['0','0','0','0']"
					   data-voffset="['-10','-10','-10','-50']"
					   data-fontsize="['18', '18', '18', '16']"
					   data-lineheight="['30', '30', '30', '30']"
					   data-height="['auto']"
					   data-color="#7C1212"
					>遵守交通法规，关爱生命旅程。
					</p>
				</li>

				<!-- Slide 3 -->
				<li data-transition="fade">
					<h2 class="tp-caption tp-resizeme txt1 txt-center p-l-15 p-r-15"
						data-frames='[{"delay":500,"speed":1500,"frame":"0","from":"x:-500px;skX:85px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]'
						data-x="center"
						data-y="center"
						data-width="['1200','992','768','480']"
						data-hoffset="['0','0','0','0']"
						data-voffset="['-85','-85','-85','-160']"
						data-fontsize="['50', '50', '50', '50']"
						data-lineheight="['60', '60', '60', '60']"
						data-height="['auto']"
						data-color="#0000C0"
					>师大驾校</h2>

					<p class="tp-caption tp-resizeme txt2 txt-center p-l-15 p-r-15"
					   data-frames='[{"delay":1500,"speed":1500,"frame":"0","from":"x:500px;skX:-85px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]'
					   data-x="center"
					   data-y="center"
					   data-width="['780','780','780','480']"
					   data-hoffset="['0','0','0','0']"
					   data-voffset="['-10','-10','-10','-50']"
					   data-fontsize="['18', '18', '18', '16']"
					   data-lineheight="['30', '30', '30', '30']"
					   data-height="['auto']"
					   data-color="#7C1212"
					>专业学车，从师大驾校开始。
					</p>
				</li>
			</ul>
		</div>
	</div>
</section>

<!-- Map -->
<div class="map">
	<div class="contact-map h-size1" id="google_map" data-map-x="40.648578" data-map-y="-73.962730" data-pin="images/icons/favicon.png" data-scrollwhell="0" data-draggable="1"  data-zoom="15"></div>
</div>

<footer class="bg4 p-t-25">
	<div class="container p-b-60">
		<div class="row">
			<div class=" col-sm-12 col-lg-3 p-t-30">
				<div class="w-full wrap-pic-max-w">
					<a href="index.html"><img th:src="@{images/logo.png}" alt="LOGO"></a>
				</div>

				<p class="s-txt9 p-t-30">
					专业学车，从这里开始。
				</p>
			</div>
		</div>
	</div>

	<div class="bg3 txt-center p-t-19 p-b-16">&copy; Copyright 2021. Graduation project. By students from <a href="http://www.hebtu.edu.cn/">Hebei Normal University</a>.</div>
</footer>


<!-- Back to top -->
<div class="btn-back-to-top hov-bg-main" id="myBtn">
		<span class="symbol-btn-back-to-top">
			<i class="fa fa-angle-double-up" aria-hidden="true"></i>
		</span>
</div>




<!--===============================================================================================-->
<script th:src="@{js/jquery-3.2.1.min.js}"></script>
<!--===============================================================================================-->
<script th:src="@{js/wow.min.js}"></script>
<!--===============================================================================================-->
<script th:src="@{js/animsition.min.js}"></script>
<!--===============================================================================================-->
<script th:src="@{js/slick.min.js}"></script>
<script th:src="@{js/slick-custom.js}"></script>
<!--===============================================================================================-->
<script th:src="@{js/popper.min.js}"></script>
<script th:src="@{js/bootstrap.min.js}"></script>
<!--===============================================================================================-->
<script th:src="@{js/jquery.themepunch.tools.min.js}"></script>
<script th:src="@{js/jquery.themepunch.revolution.min.js}"></script>
<script th:src="@{js/revolution.extension.video.min.js}"></script>
<script th:src="@{js/revolution.extension.carousel.min.js}"></script>
<script th:src="@{js/revolution.extension.slideanims.min.js}"></script>
<script th:src="@{js/revolution.extension.actions.min.js}"></script>
<script th:src="@{js/revolution.extension.layeranimation.min.js}"></script>
<script th:src="@{js/revolution.extension.kenburn.min.js}"></script>
<script th:src="@{js/revolution.extension.navigation.min.js}"></script>
<script th:src="@{js/revolution.extension.migration.min.js}"></script>
<script th:src="@{js/revolution.extension.parallax.min.js}"></script>
<script th:src="@{js/slide-custom.js}"></script>
<!--===============================================================================================-->
<script th:src="@{js/lightbox.min.js}"></script>
<!--===============================================================================================-->
<script th:src="@{js/parallax100.js}"></script>
<script>
    $('.parallax100').parallax100();
</script>
<!--===============================================================================================-->
<script th:src="@{js/31e5c13de5564e6aae12101b95eb39d7.js}"></script>
<script th:src="@{js/map-custom.js}"></script>
<!--===============================================================================================-->
<script th:src="@{js/main.js}"></script>

</body>
</html>
